<section [ngStyle]="tagData.cssStyle|styleFilter">
  <ng-container *ngIf="tagData.data.headDiv">
    <div class="headDiv" [ngStyle]="tagData.data?.headDiv?.cssStyle|styleFilter">
      <p class="headDivP" *ngIf="tagData.data?.headDiv?.labelText"
        [ngStyle]="tagData.data?.headDiv?.moreLink?.link?.params?.labelTextCssStyle|styleFilter">
        {{tagData.data.headDiv?.labelText}}</p>
      <div class="moreLinkDiv" appDebounceClick (debounceClick)="detailPage(tagData.data?.headDiv?.moreLink?.link)">
        <span class="moreLinkLabel">{{tagData.data.headDiv?.moreLink?.link?.label}}</span>
        <img class="moreLinkIcon" *ngIf="tagData.data?.headDiv?.moreLink?.iconUrl"
          [ngStyle]="tagData.data?.headDiv?.moreLink?.link?.params?.iconCssStyle|styleFilter"
          src='{{tagData.data?.headDiv?.moreLink?.iconUrl}}' onerror="this.src='assets/icon/arrow_icon_right@3x.png'" />
      </div>
    </div>
  </ng-container>

  <ng-container *ngFor="let item of listData">
    <div class="recomment-bg2">
      <div class="item-left" appDebounceClick (debounceClick)="choose(item)" *ngIf="item.check!==undefined">
        <i class="check-img" [ngClass]="{'checked-img': item.checked}"></i>
      </div>
      <div class="item-middle" *ngIf="item.img">
        <img class="pic" src="{{item.img.imgUrl}}" onerror="this.src='assets/img/375x250@2x.png'" />
      </div>

      <div class="item-right">
        <p class="item-title">
          <span class="title" appDebounceClick (debounceClick)="detailPage(item.link)"
            *ngIf="item.title.fistText?.label">{{item.title.fistText.label}}</span>
          <span *ngIf="item.firstRowLeft?.firstText?.label" class="title-status"
            [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft.firstText.label}}</span>
        </p>
        <p class="item-title-sub" *ngIf="item.secondRowLeft?.firstText?.label"
          [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}
        </p>
        <p class="item-title-sub" *ngIf="item.recommedBox?.firstText?.label"
          [ngStyle]="item.secondRowLeft?.firstText?.cssStyle | styleFilter">
          <img class="recommendIcon" src="{{item.recommedBox.icon}}"
            onerror="this.src='assets/icon/list_icon-recommend@3x.png'" />
          <span *ngIf="item.recommedBox.firstText.label"
            [ngStyle]="item.recommedBox.firstText.cssStyle|styleFilter">{{item.recommedBox.firstText.label}}</span>
          <span *ngIf="item.recommedBox.secondText.label"
            [ngStyle]="item.recommedBox.secondText.cssStyle|styleFilter">{{item.recommedBox.secondText.label}}</span>
          <span *ngIf="item.recommedBox.thirdText.label"
            [ngStyle]="item.recommedBox.secondText.cssStyle|styleFilter">{{item.recommedBox.thirdText.label}}</span>
        </p>
        <!-- address -->
        <p class="item-title-sub" *ngIf="item.fifthRowLeft?.firstText">
          <img class="address-icon" *ngIf="item.fifthRowLeft.firstText.png"
            src="assets/icon/{{item.fifthRowLeft?.firstText.png}}" alt="">
          <span style="display: inline-block; margin-left: 0.5rem;"
            [ngStyle]="item.fifthRowLeft?.secondText?.cssStyle | styleFilter">{{item.fifthRowLeft.secondText.label}}
          </span>
        </p>
        <!-- call -->
        <p class="item-title-sub" *ngIf="item.thirdRowLeft?.firstText?.label"
          [ngStyle]="item.thirdRowLeft?.firstText?.cssStyle | styleFilter"
          appDebounceClick (debounceClick)="call(item.thirdRowLeft.firstText.label)"> {{item.thirdRowLeft.firstText.label}} <span
            style="display: inline-block; margin-left: 0.5rem;">{{item.thirdRowLeft.secondText.label}} </span>
        </p>
        <!-- 奖金 -->
        <p class="item-title-sub" *ngIf="item.middleRowLeft?.firstText?.label"
          [ngStyle]="item.middleRowLeft?.firstText?.cssStyle | styleFilter">
          {{item.middleRowLeft.firstText.label}} </p>
        <div class="recomment-s-a" *ngIf="item.fourthRowLeft?.firstText?.label">
          <p class="item-recoment-status" [ngStyle]="item.fourthRowLeft?.firstText?.cssStyle | styleFilter">
            {{item.fourthRowLeft?.firstText?.label}}</p>
          <!-- lj 电话 -->
          <p *ngIf="item.fourthRowRight?.phoneBtn?.phone" class="recomment-action"
            appDebounceClick (debounceClick)="recommentPhoneAction(item.fourthRowRight?.phoneBtn?.phone)">
            {{item.fourthRowRight?.phoneBtn?.label}}</p>
          <p *ngIf="item.fourthRowRight?.commonBtn?.label" class="recomment-action" appDebounceClick (debounceClick)="recommentAction(item)">
            {{item.fourthRowRight?.commonBtn?.label}}</p>
          <!-- ppw 推荐 -->
          <p *ngIf="item.fourthRowRight?.label" class="recomment-action" appDebounceClick (debounceClick)="recommentAction(item)">
            {{item.fourthRowRight?.label}}</p>
        </div>
        <div class="fourthRight"
          *ngIf="item.fourthRowRight &&  item.fourthRowRight.iconList && tagData.style!==tagData.name">
          <ng-container *ngFor="let icons of item.fourthRowRight.iconList, let i = index">
            <span class="icon-label-bg">
              <img class="fourthRight-img" appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
              <p *ngIf=" icons.label && icons.label.length > 0" class="icon-label">
                {{icons.label}}
              </p>
            </span>
          </ng-container>
        </div>

      </div>
    </div>

    <div class="fourthRight marginR125"
      *ngIf="item.fourthRowRight &&  item.fourthRowRight.iconList && tagData.style===tagData.name">
      <ng-container *ngFor="let icons of item.fourthRowRight.iconList, let i = index">
        <span class="icon-label-bg">
          <img appDebounceClick (debounceClick)="iconClick(icons,dataIndex)" src="{{icons.iconName}}">
          <p *ngIf=" icons.label && icons.label.length > 0" class="icon-label">
            {{icons.label}}
          </p>
        </span>
      </ng-container>
    </div>
    <hr class="dividing-line">
  </ng-container>
</section>
<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0">
  {{hint}}
</p>
<ion-infinite-scroll *ngIf="tagData.data.submit && pageTotal &&  (pageSize * pageNo < pageTotal) " threshold="5%"
  (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>